<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录新图书</title>
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="dist/css/adminlte.min.css">
</head>
<body>
<div class="card card-primary">
  <div class="card-header">
    <h3 class="card-title">登录新图书</h3>
  </div>
  <!-- /.card-header -->
  <!-- form start -->
  <form>
    <div class="card-body">
      <div class="form-group">
        <label for="book_name">图书名称</label>
        <input type="text" class="form-control" id="book_name" placeholder="请输入图书名称" required>
      </div>
      <div class="form-group">
        <label for="book_author">作者</label>
        <input type="text" class="form-control" id="book_author" placeholder="请输入作者" required>
      </div>
      <div class="form-group">
        <label for="book_publisher">出版社</label>
        <input type="text" class="form-control" id="book_publisher" placeholder="请输入出版社" required>
      </div>
      <div class="form-group">
        <label for="book_publish_date">出版日期</label>
        <input type="date" class="form-control" id="book_publish_date" placeholder="请输入出版日期" required>
      </div>
      <div class="form-group">
        <label for="book_counts">库存量</label>
        <input type="text" pattern="[0-9]+" class="form-control" id="book_counts" placeholder="请输入库存量" required>
      </div>
      <div class="form-group">
        <label for="book_cover">封面</label>
        <div class="input-group">
          <div class="custom-file">
            <input type="file" class="custom-file-input" id="book_cover" required>
            <label class="custom-file-label" for="book_cover">选择封面图片</label>
          </div>
        </div>
      </div>
    </div>
    <!-- /.card-body -->

    <div class="card-footer">
      <button type="submit" class="btn btn-primary">登录新图书</button>
    </div>
  </form>
</div>
</body>
</html>